<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>商品列表页</title>
	<link rel="stylesheet" href="style/base.css" type="text/css">
	<link rel="stylesheet" href="style/global.css" type="text/css">
	<link rel="stylesheet" href="style/header.css" type="text/css">
	<link rel="stylesheet" href="style/list.css" type="text/css">
	<link rel="stylesheet" href="style/common.css" type="text/css">
	<link rel="stylesheet" href="style/bottomnav.css" type="text/css">
	<link rel="stylesheet" href="style/footer.css" type="text/css">
	<link rel="stylesheet" href="style/zpageNav.css" />


	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="js/header.js"></script>
	<script type="text/javascript" src="js/list.js"></script>
	<script type="text/javascript" src="js/vue.js"></script>
	<script type="text/javascript" src="js/axios.min.js"></script>
	<script type="text/javascript" src="js/qs.min.js"></script>
	<script type="text/javascript" src="js/zpageNav.js"></script>


</head>
<body>

		<!-- 顶部导航 start -->
		<div class="topnav" id="top">
			<div class="topnav_bd w1210 bc">
				<div class="topnav_left">

				</div>
				<div class="topnav_right fr" id="hello">
					<ul>
						<li class="noLogin" >您好{{commonUser.userName}}，欢迎来到京东！<span>[<a href="login.html">登录</a>] [<a href="register.html">免费注册</a>]</span> </li>
						<li class="line">|</li>
						<li>我的订单</li>
						<li class="line">|</li>
						<li>客户服务</li>

					</ul>
				</div>
			</div>
		</div>
		<!-- 顶部导航 end -->

		<div style="clear:both;"></div>
			<div  id="vue">
				<!-- 头部 start -->
				<div class="header w1210 bc mt15">
					<!-- 头部上半部分 start 包括 logo、搜索、用户中心和购物车结算 -->
					<div class="logo w1210">
						<h1 class="fl"><a href="index.html"><img src="images/logo.png" alt="京西商城"></a></h1>
						<!-- 头部搜索 start -->
						<div class="search fl">
							<div class="search_form">
								<div class="form_left fl"></div>
								<form action="" name="serarch" method="get" class="fl">
									<input type="text" class="txt" v-model="text" value="请输入商品关键字" /><input type="button" class="btn" value="搜索" @click="submit"/>
								</form>
								<div class="form_right fl"></div>
							</div>

							<div style="clear:both;"></div>

							<div class="hot_search">
								<strong>热门搜索:</strong>
								<a href="">D-Link无线路由</a>
								<a href="">休闲男鞋</a>
								<a href="">TCL空调</a>
								<a href="">耐克篮球鞋</a>
							</div>
						</div>
						<!-- 头部搜索 end -->

						<!-- 用户中心 start-->
						<div class="user fl">
							<dl>
								<dt>
									<em></em>
									<a href="">用户中心</a>
									<b></b>
								</dt>
								<dd>
									<div class="prompt">
										您好，请<a href="">登录</a>
									</div>
									<div class="uclist mt10">
										<ul class="list1 fl">
											<li><a href="">用户信息></a></li>
											<li><a href="">我的订单></a></li>
											<li><a href="">收货地址></a></li>
											<li><a href="">我的收藏></a></li>
										</ul>

										<ul class="fl">
											<li><a href="">我的留言></a></li>
											<li><a href="">我的红包></a></li>
											<li><a href="">我的评论></a></li>
											<li><a href="">资金管理></a></li>
										</ul>

									</div>
									<div style="clear:both;"></div>
									<div class="viewlist mt10">
										<h3>最近浏览的商品：</h3>
										<ul>
											<li><a href=""><img src="images/view_list1.jpg" alt="" /></a></li>
											<li><a href=""><img src="images/view_list2.jpg" alt="" /></a></li>
											<li><a href=""><img src="images/view_list3.jpg" alt="" /></a></li>
										</ul>
									</div>
								</dd>
							</dl>
						</div>
						<!-- 用户中心 end-->

						<!-- 购物车 start -->
						<div class="cart fl">
							<dl>
								<dt>
									<a href="">去购物车结算</a>
									<b></b>
								</dt>
								<dd>
									<div class="prompt">
										购物车中还没有商品，赶紧选购吧！
									</div>
								</dd>
							</dl>
						</div>
						<!-- 购物车 end -->
					</div>
					<!-- 头部上半部分 end -->

					<div style="clear:both;"></div>

					<!-- 导航条部分 start -->
					<div class="nav w1210 bc mt10">
						<!--  商品分类部分 start-->
						<div class="category fl cat1"> <!-- 非首页，需要添加cat1类 -->
							<div class="cat_hd off">  <!-- 注意，首页在此div上只需要添加cat_hd类，非首页，默认收缩分类时添加上off类，并将cat_bd设置为不显示，鼠标滑过时展开菜单则将off类换成on类 -->
								<h2>全部商品分类</h2>
								<em></em>
							</div>

							<div class="cat_bd none">

								<div class="cat item1">
									<h3><a href="">图像、音像、数字商品</a> <b></b></h3>
									<div class="cat_detail none">
										<dl class="dl_1st">
											<dt><a href="">电子书</a></dt>
											<dd>
												<a href="">免费</a>
												<a href="">小说</a>
												<a href="">励志与成功</a>
												<a href="">婚恋/两性</a>
												<a href="">文学</a>
												<a href="">经管</a>
												<a href="">畅读VIP</a>
											</dd>
										</dl>

										<dl>
											<dt><a href="">数字音乐</a></dt>
											<dd>
												<a href="">通俗流行</a>
												<a href="">古典音乐</a>
												<a href="">摇滚说唱</a>
												<a href="">爵士蓝调</a>
												<a href="">乡村民谣</a>
												<a href="">有声读物</a>
											</dd>
										</dl>

										<dl>
											<dt><a href="">音像</a></dt>
											<dd>
												<a href="">音乐</a>
												<a href="">影视</a>
												<a href="">教育音像</a>
												<a href="">游戏</a>
											</dd>
										</dl>

										<dl>
											<dt><a href="">文艺</a></dt>
											<dd>
												<a href="">小说</a>
												<a href="">文学</a>
												<a href="">青春文学</a>
												<a href="">传纪</a>
												<a href="">艺术</a>
												<a href="">经管</a>
												<a href="">畅读VIP</a>
											</dd>
										</dl>

										<dl>
											<dt><a href="">人文社科</a></dt>
											<dd>
												<a href="">历史</a>
												<a href="">心理学</a>
												<a href="">政治/军事</a>
												<a href="">国学/古籍</a>
												<a href="">哲学/宗教</a>
												<a href="">社会科学</a>
											</dd>
										</dl>

										<dl>
											<dt><a href="">经管励志</a></dt>
											<dd>
												<a href="">经济</a>
												<a href="">金融与投资</a>
												<a href="">管理</a>
												<a href="">励志与成功</a>
											</dd>
										</dl>

										<dl>
											<dt><a href="">人文社科</a></dt>
											<dd>
												<a href="">历史</a>
												<a href="">心理学</a>
												<a href="">政治/军事</a>
												<a href="">国学/古籍</a>
												<a href="">哲学/宗教</a>
												<a href="">社会科学</a>
											</dd>
										</dl>

										<dl>
											<dt><a href="">生活</a></dt>
											<dd>
												<a href="">烹饪/美食</a>
												<a href="">时尚/美妆</a>
												<a href="">家居</a>
												<a href="">娱乐/休闲</a>
												<a href="">动漫/幽默</a>
												<a href="">体育/运动</a>
											</dd>
										</dl>

										<dl>
											<dt><a href="">科技</a></dt>
											<dd>
												<a href="">科普</a>
												<a href="">建筑</a>
												<a href="">IT</a>
												<a href="">医学</a>
												<a href="">工业技术</a>
												<a href="">电子/通信</a>
												<a href="">农林</a>
												<a href="">科学与自然</a>
											</dd>
										</dl>

									</div>
								</div>

								<div class="cat">
									<h3><a href="">家用电器</a><b></b></h3>
									<div class="cat_detail">
										<dl class="dl_1st">
											<dt><a href="">大家电</a></dt>
											<dd>
												<a href="">平板电视</a>
												<a href="">空调</a>
												<a href="">冰箱</a>
												<a href="">洗衣机</a>
												<a href="">热水器</a>
												<a href="">DVD</a>
												<a href="">烟机/灶具</a>
											</dd>
										</dl>

										<dl>
											<dt><a href="">生活电器</a></dt>
											<dd>
												<a href="">取暖器</a>
												<a href="">加湿器</a>
												<a href="">净化器</a>
												<a href="">饮水机</a>
												<a href="">净水设备</a>
												<a href="">吸尘器</a>
												<a href="">电风扇</a>
											</dd>
										</dl>

										<dl>
											<dt><a href="">厨房电器</a></dt>
											<dd>
												<a href="">电饭煲</a>
												<a href="">豆浆机</a>
												<a href="">面包机</a>
												<a href="">咖啡机</a>
												<a href="">微波炉</a>
												<a href="">电磁炉</a>
												<a href="">电水壶</a>
											</dd>
										</dl>

										<dl>
											<dt><a href="">个护健康</a></dt>
											<dd>
												<a href="">剃须刀</a>
												<a href="">电吹风</a>
												<a href="">按摩器</a>
												<a href="">足浴盆</a>
												<a href="">血压计</a>
												<a href="">体温计</a>
												<a href="">血糖仪</a>
											</dd>
										</dl>

										<dl>
											<dt><a href="">五金家装</a></dt>
											<dd>
												<a href="">灯具</a>
												<a href="">LED灯</a>
												<a href="">水槽</a>
												<a href="">龙头</a>
												<a href="">门铃</a>
												<a href="">电器开关</a>
												<a href="">插座</a>
											</dd>
										</dl>
									</div>
								</div>

								<div class="cat">
									<h3><a href="">手机、数码</a><b></b></h3>
									<div class="cat_detail none">

									</div>
								</div>

								<div class="cat">
									<h3><a href="">电脑、办公</a><b></b></h3>
									<div class="cat_detail none">

									</div>
								</div>

								<div class="cat">
									<h3><a href="">家局、家具、家装、厨具</a><b></b></h3>
									<div class="cat_detail none">

									</div>
								</div>

								<div class="cat">
									<h3><a href="">服饰鞋帽</a><b></b></h3>
									<div class="cat_detail none">

									</div>
								</div>

								<div class="cat">
									<h3><a href="">个护化妆</a><b></b></h3>
									<div class="cat_detail none">

									</div>
								</div>

								<div class="cat">
									<h3><a href="">礼品箱包、钟表、珠宝</a><b></b></h3>
									<div class="cat_detail none">

									</div>
								</div>

								<div class="cat">
									<h3><a href="">运动健康</a><b></b></h3>
									<div class="cat_detail none">

									</div>
								</div>

								<div class="cat">
									<h3><a href="">汽车用品</a><b></b></h3>
									<div class="cat_detail none">

									</div>
								</div>

								<div class="cat">
									<h3><a href="">母婴、玩具乐器</a><b></b></h3>
									<div class="cat_detail none">

									</div>
								</div>

								<div class="cat">
									<h3><a href="">食品饮料、保健食品</a><b></b></h3>
									<div class="cat_detail none">

									</div>
								</div>

								<div class="cat">
									<h3><a href="">彩票、旅行、充值、票务</a><b></b></h3>
									<div class="cat_detail none">

									</div>
								</div>

							</div>

						</div>
						<!--  商品分类部分 end-->

						<div class="navitems fl">
							<ul class="fl">
								<li class="current"><a href="">首页</a></li>
								<li><a href="">电脑频道</a></li>
								<li><a href="">家用电器</a></li>
								<li><a href="">品牌大全</a></li>
								<li><a href="">团购</a></li>
								<li><a href="">积分商城</a></li>
								<li><a href="">夺宝奇兵</a></li>
							</ul>
							<div class="right_corner fl"></div>
						</div>
					</div>
					<!-- 导航条部分 end -->
				</div>
				<!-- 头部 end-->

				<div style="clear:both;"></div>

				<!-- 列表主体 start -->
				<div class="list w1210 bc mt10">
					<!-- 面包屑导航 start -->
					<div class="breadcrumb">
						<h2>当前位置：<a href="">首页</a> > <a href="">电脑、办公</a></h2>
					</div>
					<!-- 面包屑导航 end -->

					<!-- 左侧内容 start -->
					<div class="list_left fl mt10">
						<!-- 分类列表 start -->
						<div class="catlist">
							<h2>电脑、办公</h2>
							<div class="catlist_wrap">
								<div class="child">
									<h3 class="on"><b></b>电脑整机</h3>
									<ul>
										<li><a href="">笔记本</a></li>
										<li><a href="">超极本</a></li>
										<li><a href="">平板电脑</a></li>
									</ul>
								</div>

								<div class="child">
									<h3><b></b>电脑配件</h3>
									<ul class="none">
										<li><a href="">CPU</a></li>
										<li><a href="">主板</a></li>
										<li><a href="">显卡</a></li>
									</ul>
								</div>

								<div class="child">
									<h3><b></b>办公打印</h3>
									<ul class="none">
										<li><a href="">打印机</a></li>
										<li><a href="">一体机</a></li>
										<li><a href="">投影机</a></li>
										</li>
									</ul>
								</div>

								<div class="child">
									<h3><b></b>网络产品</h3>
									<ul class="none">
										<li><a href="">路由器</a></li>
										<li><a href="">网卡</a></li>
										<li><a href="">交换机</a></li>
										</li>
									</ul>
								</div>

								<div class="child">
									<h3><b></b>外设产品</h3>
									<ul class="none">
										<li><a href="">鼠标</a></li>
										<li><a href="">键盘</a></li>
										<li><a href="">U盘</a></li>
									</ul>
								</div>
							</div>

							<div style="clear:both; height:1px;"></div>
						</div>
						<!-- 分类列表 end -->

						<div style="clear:both;"></div>

						<!-- 新品推荐 start -->
						<div class="newgoods leftbar mt10">
							<h2><strong>新品推荐</strong></h2>
							<div class="leftbar_wrap">
								<ul>
									<li>
										<dl>
											<dt><a href=""><img src="images/list_hot1.jpg" alt="" /></a></dt>
											<dd><a href="">美即流金丝语悦白美颜新年装4送3</a></dd>
											<dd><strong>￥777.50</strong></dd>
										</dl>
									</li>

									<li>
										<dl>
											<dt><a href=""><img src="images/list_hot2.jpg" alt="" /></a></dt>
											<dd><a href="">领券满399减50 金斯利安多维片</a></dd>
											<dd><strong>￥239.00</strong></dd>
										</dl>
									</li>

									<li class="last">
										<dl>
											<dt><a href=""><img src="images/list_hot3.jpg" alt="" /></a></dt>
											<dd><a href="">皮尔卡丹pierrecardin 男士长...</a></dd>
											<dd><strong>￥1240.50</strong></dd>
										</dl>
									</li>
								</ul>
							</div>
						</div>
						<!-- 新品推荐 end -->

						<!--热销排行 start -->
						<div class="hotgoods leftbar mt10">
							<h2><strong>热销排行榜</strong></h2>
							<div class="leftbar_wrap">
								<ul>
									<li></li>
								</ul>
							</div>
						</div>
						<!--热销排行 end -->

						<!-- 最近浏览 start -->
						<div class="viewd leftbar mt10">
							<h2><a href="">清空</a><strong>最近浏览过的商品</strong></h2>
							<div class="leftbar_wrap">
								<dl>
									<dt><a href=""><img src="images/hpG4.jpg" alt="" /></a></dt>
									<dd><a href="">惠普G4-1332TX 14英寸笔记...</a></dd>
								</dl>

								<dl class="last">
									<dt><a href=""><img src="images/crazy4.jpg" alt="" /></a></dt>
									<dd><a href="">直降200元！TCL正1.5匹空调</a></dd>
								</dl>
							</div>
						</div>
						<!-- 最近浏览 end -->
					</div>
					<!-- 左侧内容 end -->

					<!-- 列表内容 start -->
					<div class="list_bd fl ml10 mt10">
						<!-- 热卖、促销 start -->
						<div class="list_top">
							<!-- 热卖推荐 start -->
							<div class="hotsale fl">
								<h2><strong><span class="none">热卖推荐</span></strong></h2>
								<ul>
									<li v-for="secKill in secKills">
										<dl>
											<dt><a :href="secKill.articleId|getTitleHref"><img :src="secKill.img" alt="" /></a></dt>
											<dd class="name"><a :href="secKill.articleId|getTitleHref">{{secKill.title}}</a></dd>
											<dd class="price">秒杀价：<strong>￥{{secKill.price}}</strong></dd>
											<dd class="buy"><span @click="doSeckill(secKill.id)">立即秒杀</span></dd>
										</dl>
									</li>
									<!--<li>
										<dl>
											<dt><a href=""><img src="images/hpG4.jpg" alt="" /></a></dt>
											<dd class="name"><a href="">惠普G4-1332TX 14英寸笔记本电脑 （i5-2450M 2G 5</a></dd>
											<dd class="price">特价：<strong>￥2999.00</strong></dd>
											<dd class="buy"><span>立即秒杀</span></dd>
										</dl>
									</li>

									<li>
										<dl>
											<dt><a href=""><img src="images/list_hot3.jpg" alt="" /></a></dt>
											<dd class="name"><a href="">ThinkPad E42014英寸笔记本电脑</a></dd>
											<dd class="price">特价：<strong>￥4199.00</strong></dd>
											<dd class="buy"><span>立即秒杀</span></dd>
										</dl>
									</li>

									<li>
										<dl>
											<dt><a href=""><img src="images/acer4739.jpg" alt="" /></a></dt>
											<dd class="name"><a href="">宏碁AS4739-382G32Mnkk 14英寸笔记本电脑</a></dd>
											<dd class="price">特价：<strong>￥2799.00</strong></dd>
											<dd class="buy"><span>立即秒杀</span></dd>
										</dl>
									</li>-->
								</ul>
							</div>
							<!-- 热卖推荐 end -->

							<!-- 促销活动 start -->
							<div class="promote fl">
								<h2><strong><span class="none">促销活动</span></strong></h2>
								<ul>
									<li><b>.</b><a href="">DIY装机之向雷锋同志学习！</a></li>
									<li><b>.</b><a href="">京东宏碁联合促销送好礼！</a></li>
									<li><b>.</b><a href="">台式机笔记本三月巨惠！</a></li>
								</ul>

							</div>
							<!-- 促销活动 end -->
						</div>
						<!-- 热卖、促销 end -->

						<div style="clear:both;"></div>

						<!-- 商品筛选 start -->
						<div class="filter mt10">
							<h2><a href="">重置筛选条件</a> <strong>商品筛选</strong></h2>
							<div class="filter_wrap">
								<dl>
									<dt>品牌：</dt>
									<dd class="cur"><a href="">不限</a></dd>
									<dd><a href="">联想（ThinkPad）</a></dd>
									<dd><a href="">联想（Lenovo）</a></dd>
									<dd><a href="">宏碁（acer）</a></dd>
									<dd><a href="">华硕（ASUS）</a></dd>
									<dd><a href="">戴尔（DELL）</a></dd>
									<dd><a href="">索尼（SONY）</a></dd>
									<dd><a href="">惠普（HP）</a></dd>
									<dd><a href="">三星（SAMSUNG）</a></dd>
									<dd><a href="">优派（ViewSonic）</a></dd>
									<dd><a href="">苹果（Apple）</a></dd>
									<dd><a href="">富士通（Fujitsu）</a></dd>
								</dl>

								<dl>
									<dt>价格：</dt>
									<dd class="cur"><a href="">不限</a></dd>
									<dd><a href="">1000-1999</a></dd>
									<dd><a href="">2000-2999</a></dd>
									<dd><a href="">3000-3499</a></dd>
									<dd><a href="">3500-3999</a></dd>
									<dd><a href="">4000-4499</a></dd>
									<dd><a href="">4500-4999</a></dd>
									<dd><a href="">5000-5999</a></dd>
									<dd><a href="">6000-6999</a></dd>
									<dd><a href="">7000-7999</a></dd>
								</dl>

								<dl>
									<dt>尺寸：</dt>
									<dd class="cur"><a href="">不限</a></dd>
									<dd><a href="">10.1英寸及以下</a></dd>
									<dd><a href="">11英寸</a></dd>
									<dd><a href="">12英寸</a></dd>
									<dd><a href="">13英寸</a></dd>
									<dd><a href="">14英寸</a></dd>
									<dd><a href="">15英寸</a></dd>
								</dl>

								<dl class="last">
									<dt>处理器：</dt>
									<dd class="cur"><a href="">不限</a></dd>
									<dd><a href="">intel i3</a></dd>
									<dd><a href="">intel i5</a></dd>
									<dd><a href="">intel i7</a></dd>
									<dd><a href="">AMD A6</a></dd>
									<dd><a href="">AMD A8</a></dd>
									<dd><a href="">AMD A10</a></dd>
									<dd><a href="">其它intel平台</a></dd>
								</dl>
							</div>
						</div>
						<!-- 商品筛选 end -->

						<div style="clear:both;"></div>

						<!-- 排序 start -->
						<div class="sort mt10">
							<dl>
								<dt>排序：</dt>
								<dd class="cur"><a href="">销量</a></dd>
								<dd><a href="">价格</a></dd>
								<dd><a href="">评论数</a></dd>
								<dd><a href="">上架时间</a></dd>
							</dl>
						</div>
						<!-- 排序 end -->

						<div style="clear:both;"></div>
						<!-- 商品列表 start-->
						<div class="goodslist mt10">
							<ul>
								<li v-for="shop in shops">
									<dl>
										<dt><a :href="shop.id|getTitleHref"><img  v-bind:src="shop.img" alt="" /></a></dt>
										<dd class="shopTitle"><a :href="shop.id|getTitleHref">{{shop.title}}</a></dt>
										<dd><strong>￥{{shop.price}}</strong></dt>
										<dd><a href=""><em>已有10人评价</em></a></dt>
									</dl>
								</li>

							</ul>
						</div>
						<!-- 商品列表 end-->


						<!-- pagination start-->
						<div class="wrap" id="wrap">
							<zpagenav v-bind:page="page" v-bind:page-size="pageSize" v-bind:total="total"
									  v-bind:max-page="maxPage"  v-on:pagehandler="pageHandler">
							</zpagenav>
						</div>
						<!-- pagination end-->

						<!-- 分页信息 start -->
						<!--<div class="page mt20">
							<a href="">首页</a>
							<a href="">上一页</a>
							<a href="">1</a>
							<a href="">2</a>
							<a href="" class="cur">3</a>
							<a href="">4</a>
							<a href="">5</a>
							<a href="">下一页</a>
							<a href="">尾页</a>&nbsp;&nbsp;
							<span>
								<em>共8页&nbsp;&nbsp;到第 <input type="text" class="page_num" value="3"/> 页</em>
								<a href="" class="skipsearch" href="javascript:;">确定</a>
							</span>
						</div>-->
						<!-- 分页信息 end -->

					</div>
					<!-- 列表内容 end -->
				</div>
				<!-- 列表主体 end-->
			</div>
		<div style="clear:both;"></div>
		<!-- 底部导航 start -->
		<div class="bottomnav w1210 bc mt20">
			<div class="bnav1">
				<h3><b></b> <em>购物指南</em></h3>
				<ul>
					<li><a href="">购物流程</a></li>
					<li><a href="">会员介绍</a></li>
					<li><a href="">团购/机票/充值/点卡</a></li>
					<li><a href="">常见问题</a></li>
					<li><a href="">大家电</a></li>
					<li><a href="">联系客服</a></li>
				</ul>
			</div>

			<div class="bnav2">
				<h3><b></b> <em>配送方式</em></h3>
				<ul>
					<li><a href="">上门自提</a></li>
					<li><a href="">快速运输</a></li>
					<li><a href="">特快专递（EMS）</a></li>
					<li><a href="">如何送礼</a></li>
					<li><a href="">海外购物</a></li>
				</ul>
			</div>


			<div class="bnav3">
				<h3><b></b> <em>支付方式</em></h3>
				<ul>
					<li><a href="">货到付款</a></li>
					<li><a href="">在线支付</a></li>
					<li><a href="">分期付款</a></li>
					<li><a href="">邮局汇款</a></li>
					<li><a href="">公司转账</a></li>
				</ul>
			</div>

			<div class="bnav4">
				<h3><b></b> <em>售后服务</em></h3>
				<ul>
					<li><a href="">退换货政策</a></li>
					<li><a href="">退换货流程</a></li>
					<li><a href="">价格保护</a></li>
					<li><a href="">退款说明</a></li>
					<li><a href="">返修/退换货</a></li>
					<li><a href="">退款申请</a></li>
				</ul>
			</div>

			<div class="bnav5">
				<h3><b></b> <em>特色服务</em></h3>
				<ul>
					<li><a href="">夺宝岛</a></li>
					<li><a href="">DIY装机</a></li>
					<li><a href="">延保服务</a></li>
					<li><a href="">家电下乡</a></li>
					<li><a href="">京东礼品卡</a></li>
					<li><a href="">能效补贴</a></li>
				</ul>
			</div>
		</div>
		<!-- 底部导航 end -->

		<div style="clear:both;"></div>
		<!-- 底部版权 start -->
		<div class="footer w1210 bc mt10">
			<p class="links">
				<a href="">关于我们</a> |
				<a href="">联系我们</a> |
				<a href="">人才招聘</a> |
				<a href="">商家入驻</a> |
				<a href="">千寻网</a> |
				<a href="">奢侈品网</a> |
				<a href="">广告服务</a> |
				<a href="">移动终端</a> |
				<a href="">友情链接</a> |
				<a href="">销售联盟</a> |
				<a href="">京西论坛</a>
			</p>
			<p class="copyright">
				 © 2005-2013 京东网上商城 版权所有，并保留所有权利。  ICP备案证书号:京ICP证070359号
			</p>
			<p class="auth">
				<a href=""><img src="images/xin.png" alt="" /></a>
				<a href=""><img src="images/kexin.jpg" alt="" /></a>
				<a href=""><img src="images/police.jpg" alt="" /></a>
				<a href=""><img src="images/beian.gif" alt="" /></a>
			</p>
		</div>
		<!-- 底部版权 end -->


</body>
<script type="application/javascript" src="js/top.js"></script>
<script type="application/javascript">
	var vm = new Vue({
		el:"#vue",
		data:{
			text:"",
			rows:10,
			shops:[],
			page: 1,  //显示的是哪一页；以下是分页相关内容
			pageSize: 12, //每一页显示的数据条数
			total: 0, //记录总数
			maxPage:1,  //最大页数
			secKills:[],
			commonUser:{}
		},
		methods:{
			submit:function () {
				var ts=this;
				const url="/es/search";
				let datas = {params:{"text":this.text,"page":this.page,"rows":this.rows}};

				axios.get(url,datas).then(function(resp){
					console.log(resp.data);
					ts.shops=resp.data;
					var dataSize=resp.data.length;
					if(dataSize==0){
						alert("未查询到结果")
					}else{
						ts.total=dataSize;
					}
				});

			},getThreeSeckill:function () {
				var ts=this;
				const url="/seckill/getThree";
				axios.get(url,null).then(function(resp){
					console.log(resp.data);
					ts.secKills=resp.data.data;
					var dataSize=resp.data.length;
					if(dataSize==0){
						alert("未查询到结果")
					}else{
						ts.total=dataSize;
					}
				});

			},doSeckill:function (sid) {
				const url="/seckill/doSeckill";
				let datas = {"uid":topVue.$data.commonUser.id,"sid":sid};
				if(topVue.$data.commonUser.id==undefined){
					alert("请先登录~");
					return;
				}
				axios.post(url,Qs.stringify(datas)).then(function(resp){
					if(resp.data.msg!=""){
						alert(resp.data.msg);
					}
				});

			},//pagehandler方法 跳转到page页
			pageHandler: function (page) {
				//here you can do custom state update
				this.page = page;
			},
			getQueryString: function (name){
				name = name.replace(/[]/,"\[").replace(/[]/,"\[").replace(/[]/,"\\\]");
				var regexS = "[\\?&]"+name+"=([^&#]*)";
				var regex = new RegExp( regexS );
				var results = regex.exec(window.parent.location.href);
				if( results == null )
					return "";
				else {
					return results[1];
				}
			}
		},filters:{
			getTitleHref:function(val) {
				return './goods.html?id=' + val
			}
		},created:function () {
			this.text=decodeURIComponent(this.getQueryString("keyword"));
			this.submit();
			//created  表示页面加载完毕，立即执行
			this.pageHandler(1);
			//获取3件秒杀商品
			this.getThreeSeckill();
		}
	})

</script>

</html>